<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		ul li{
			float: left;
			width: 50%;
			border: 1px solid royalblue;
			height: auto;
		}
	</style>
	<body>
		
		 <ul  class="clear box-ul" style="width: 100%;min-height: 100px;border: solid #F1A899 1px;">
			
		<li id="x'+$scope.boxData[i][j].id+'" style="width: 49%;height=auto;">
			<div style=" text-align: right;
				font-size: 18px;">
				<span data-targe="'+$scope.boxData[i][j].id+'" 
					class="glyphicon glyphicon-minus del-glyphicon" 
					aria-hidden="true">xx</span>
			</div>
			<div style="    height: 500px;
    background-color: rebeccapurple;"></div>
		</li>
		<li id="x'+$scope.boxData[i][j].id+'" style="width: 49%;height=auto;">
			<div style=" text-align: right;
				font-size: 18px;">
				<span data-targe="'+$scope.boxData[i][j].id+'" 
					class="glyphicon glyphicon-minus del-glyphicon" 
					aria-hidden="true">xx</span>
			</div>
			</div id="'+$scope.boxData[i][j].id+'" style="display: block;width: 500px; height:330px !important;"><div>
		</li>
	</ul>
	</body>
</html>
